<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:di="http://java.sun.com/jsf/composite/deltaset.desktop/internal"
                xmlns:ds="http://deltaset.org/deltaset-faces"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:composite="http://java.sun.com/jsf/composite">

    <div style="display:block;position:absolute;top:0;left:0;width:100%;height:30px;color: #ccc;background-color: black;z-index: 1000;border-bottom: 1px solid #ccc;">

        <div style="display:block;height:29px;position:absolute;left:5px;top:5px;"> 
            <h:form>
                <c:forEach items="#{desktop.topMenu}" var="appItem"> 
                    <c:set var="color" value="#ccc;"/>
                    <c:if test="#{desktop.appId==appItem.appId}">
                        <c:set var="color" value="#fff;"/>
                    </c:if>
                    <h:commandLink  value="#{appItem.appTitle}"
                                    style="color:#{color};"
                                    immediate="true"
                                    action="#{desktop.prepareApp(appItem)}">
                    </h:commandLink>|                  
                </c:forEach>
            </h:form>
        </div>

        <div style="display:block;height:29px;position:absolute;right:5px;top:5px;">
            <c:if test="#{not empty preferencesInclude}">
                <ui:include src="#{preferencesInclude}"/>
            </c:if>
        </div>
    </div>
</ui:composition>
